<template>
  <div>
    <!-- <index-chart v-if="indexStyle == 1"></index-chart> -->
    <index-record v-if="indexStyle == 1"></index-record>
    <!-- <index-bdc v-if="indexStyle == 2"></index-bdc> -->
    <!-- <index-task v-if="indexStyle == 3"></index-task> -->
    <!-- <div style="width: 100%; text-align: right; margin-top: 20px">
      请选择首页样式：
      <a-radio-group v-model="indexStyle">
        <a-radio :value="1">统计图表</a-radio>
        <a-radio :value="2">统计图表2</a-radio>
        <a-radio :value="3">任务表格</a-radio>
      </a-radio-group>
    </div> -->
    <img v-else  style="height:100%" src="/app/assets/background2.jpg" />
  </div>
</template>

<script>
import IndexChart from './IndexChart'
import IndexTask from './IndexTask'
import IndexBdc from './IndexBdc'
import IndexRecord from './IndexRecord'
export default {
  name: 'Analysis',
  components: {
    IndexChart,
    IndexTask,
    IndexBdc,
    IndexRecord,
  },
  data() {
    return {
      indexStyle: '',
    }
  },
  created() {
    this.getLoginPermission()
  },
  methods: {
    getLoginPermission() {
      let list = this.$store.state.permission.addRouters[0].children
      list.some((item) => {
          if (item.path == '/entry') {
            this.indexStyle = 1
            return true
          } else if (item.path == '/contractManage') {
            this.indexStyle = 2
            return true
          } else {
            this.indexStyle = 2
          }
      })
    },
  },
}
</script>
<style lang="less" scoped>
img {
  width: 100%;
  height: 600px;
}
/deep/ .ant-card{
  margin-top: 8px;
  box-shadow: 0px 0px 3px 3px #dedede!important;
}
</style>